<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<div class="title0">
  <div class="title1">
    <span class="i3">
   <a style="color:#FFFFFF" href="objectShow?id=402881e42a0c56eb012a0c5c69c30001&amp;objectName=InfoType " target="_blank">
    仪器展示</a></span>
 </div>
  <div class="title2">
  <a href="objectShow?id=402881e42a0c56eb012a0c5c69c30001&amp;objectName=InfoType " target="_blank">
  <img src="images/more.gif" border="0"/></a></div>
</div>


<div id="demo"
        style="overflow: hidden; width: 580; height: 110px; text-align: center; margin-top: 10px;margin-left:10px;">
  <table cellpadding="0" align="center" border="0" cellspace="0">
    <tr>
      <td id="demo1" valign="top">
        <table cellspacing="0" cellpadding="0" width="46%" bgcolor="#fffbf7"
                border="0">
          <tr align="center">
          <s:iterator value="listInstrumentScorlls">
          <s:url id="url1" value="objectShow">
             <s:param name="id"><s:property value="id"/></s:param>
            <s:param name="objectName" >Info</s:param>
          </s:url> 
          
              <td align='center'>
                <table width="100%" border="0" align="center" cellPadding="0" cellSpacing="0">

                  <tr>
                    <td>&nbsp;</td>
                    <td width="15%" height="85" align="center" bgcolor="#FFFFFF">
                      
                       <s:a href="%{url1} " target="_blank"> <img width="80" height="80"
                                src="images/info/<s:property value="id"/>.jpg"
                                onerror="javascript:this.src = 'images/info/default.jpg';"/>
                                </s:a>
                     </td>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td width="20%" colspan=3 align="center" height="20"
                            underline:none>
                           <s:a href="%{url1} " target="_blank"> <s:property value="title"/></s:a>
                      </td>

                  </tr>
                </table>
              </td>
       </s:iterator>
          </tr>
        </table>
      </td>
      <td id="demo2" valign="top"></td>
    </tr>
  </table>
</div>
<script type="text/javascript" language="JavaScript">
  //调用向左滚动
  toleft("demo", "demo1", "demo2", 30, "hehe123")
  function $(id) {
    return document.getElementById(id)
  }
  //向左滚动函数，demo包含demo1与demo2,speed是滚动速度，flag一个网页内有多个时设置为不同的任意字符。
  //by 柳永法(yongfa365)'Blog　www.yongfa365.com
  function toleft(demo, demo1, demo2, speed, flag) {
    demo = $(demo);
    demo1 = $(demo1);
    demo2 = $(demo2)
    demo2.innerHTML = demo1.innerHTML
    function Marquee() {
      if (demo2.offsetWidth - demo.scrollLeft <= 0) {
        demo.scrollLeft -= demo1.offsetWidth
      }
      else {
        demo.scrollLeft++
      }
    }

    flag = setInterval(Marquee, speed)
    demo.onmouseover = function() {
      clearInterval(flag);
    }
    demo.onmouseout = function() {
      flag = setInterval(Marquee, speed);
    }
  }
</script>